<template>
  <div class="">
    <h1>Child</h1>
    <p>child count is {{ count }}</p>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const count = ref(100)

const changeCount = val => {
  count.value = val
}

// 子组件中暴露内容给父组件
// Vue3中以define开头的是不需要导入
defineExpose({
  count,
  changeCount // 建议暴露函数
})
</script>

<style scoped></style>
